---
title: Pourquoi Astro ?
description: "Astro est le framework web idéal pour créer des sites web axés sur le contenu, comme des blogs, des sites marketing et des sites e-commerce. Découvrez pourquoi Astro pourrait être un bon choix pour votre prochain site web."
i18nReady: true
---

**Astro** est le framework web pour créer des **sites web axés sur le contenu** tels que des blogs, des pages marketing et du commerce électronique. Astro est surtout connu pour être le pionnier d'une nouvelle [architecture frontend](/fr/concepts/islands/) visant à réduire la surcharge et la complexité de JavaScript par rapport à d'autres frameworks. Si vous avez besoin d'un site web qui se charge rapidement et qui a un excellent référencement, Astro est fait pour vous.

## Fonctionnalités

**Astro est un framework web tout-en-un**. Il comprend tout ce dont vous avez besoin pour créer un site web, de manière intégrée. Des centaines d'[intégrations](https://astro.build/integrations/) et de [hooks d'API](/fr/reference/integrations-reference/) sont également disponibles pour personnaliser un projet en fonction de votre cas d'utilisation et de vos besoins exacts.

Voici quelques points marquants :

- **[Îlots](/fr/concepts/islands/)** : Une architecture web basée sur des composants optimisée pour les sites web axés sur le contenu.
- **[UI indépendante](/fr/guides/framework-components/)** : Prend en charge React, Preact, Svelte, Vue, Solid, HTMX, les composants web, et bien plus encore.
- **[Priorité au serveur](/fr/guides/on-demand-rendering/)** : Déplace le rendu coûteux hors des appareils de vos visiteurs.
- **[Zéro JS, par défaut](/fr/basics/astro-components/)** : Moins de JavaScript côté client pour ralentir votre site.
- **[Collections de contenu](/fr/guides/content-collections/)** : Organise, valide et fournit la sûreté du typage TypeScript pour votre contenu Markdown.
- **[Personnalisable](/fr/guides/integrations-guide/)** : Partytown, MDX, et des centaines d'intégrations parmi lesquelles choisir.

## Principes de conception

Voici cinq principes de conception fondamentaux qui expliquent pourquoi nous avons construit Astro, les problèmes auxquels il vise à résoudre et pourquoi Astro peut être le meilleur choix pour votre projet ou votre équipe.

Astro est...

1. [Axé sur le contenu](#axé-sur-le-contenu) : Astro a été conçu pour les sites web riches en contenu.
2. [Orienté serveur avant tout](#priorité-au-serveur) : Les sites web s'exécutent plus rapidement lorsqu'ils génèrent le HTML sur le serveur.
3. [Rapide par défaut](#rapide-par-défaut) : Il devrait être impossible de construire un site web lent dans Astro.
4. [Facile à utiliser](#facile-à-utiliser) : Vous n'avez pas besoin d'être un expert pour construire quelque chose avec Astro.
5. [Centré sur les développeurs](#centré-sur-les-développeurs) : Vous devez disposer des ressources nécessaires pour réussir.

### Axé sur le contenu

**Astro a été conçu pour créer des sites web riches en contenu.** Cela inclut les sites marketing, les sites de publication, les sites de documentation, les blogs, les portfolios, les pages de destination, les sites communautaires et les sites e-commerce. Si vous avez du contenu à présenter, il doit atteindre rapidement vos lecteurs.

En revanche, la plupart des frameworks web modernes ont été conçus pour créer des *applications web*. Ces frameworks excellent dans la création d'expériences plus complexes, de type application dans le navigateur : tableaux de bord d'administration avec authentification, boîtes de réception, réseaux sociaux, listes de tâches et même des applications de type natif comme [Figma](https://figma.com/) et [Ping](https://ping.gg/). Cependant, avec cette complexité, ils peuvent avoir du mal à fournir d’excellentes performances lors de la diffusion de votre contenu.

L'accent mis par Astro sur le contenu dès ses débuts en tant que créateur de sites statiques lui a permis **d'évoluer vers des applications web performantes, puissantes et dynamiques**, tout en respectant votre contenu et votre public. Cette approche unique permet à Astro de faire des compromis et d'offrir des performances inégalées, inconcevables pour des frameworks web plus axés sur les applications.

### Priorité au serveur

**Astro privilégie autant que possible le rendu côté serveur par rapport au rendu côté client**. Il s'agit de la même approche que les frameworks traditionnels côté serveur -- PHP, WordPress, Laravel, Ruby on Rails, etc. -- utilisent depuis des décennies. Mais vous n'avez pas besoin d'apprendre un deuxième langage côté serveur pour le débloquer. Avec Astro, tout se résume toujours à HTML, CSS et JavaScript (ou TypeScript, si vous préférez).

Cette approche s'oppose à d'autres frameworks web JavaScript modernes tels que Next.js, SvelteKit, Nuxt, Remix, etc. Ces frameworks nécessitent un rendu côté client de l'ensemble de votre site web et incluent un rendu côté serveur principalement pour répondre aux problèmes de performances. Cette approche a été baptisée **application à page unique (ou « Single Page App (SPA) » en anglais)**, par opposition à l'approche d'Astro d'une **application en plusieurs pages (ou « Multi Page App (MPA) » en anglais)**.

Le modèle SPA a ses avantages. Cependant, ils sont obtenus au prix d'une complexité supplémentaire et de compromis en termes de performances. Ces compromis nuisent aux performances de la page — y compris à des mesures critiques comme le [délai avant interactivité (ou « Time to Interactive (TTI) » en anglais)](https://web.dev/interactive/) - ce qui n'a pas beaucoup de sens pour les sites web axés sur le contenu, pour lesquels la performance du premier chargement est essentielle.

L'approche priorisant le serveur d'Astro vous permet d'opter pour le rendu côté client uniquement si, et exactement comme, cela est nécessaire. Vous pouvez choisir d'ajouter des composants d'interface utilisateur qui s'exécutent sur le client. Vous pouvez tirer parti du routeur de transitions de vues d'Astro pour un contrôle plus fin des transitions et des animations de pages sélectionnées. Le rendu au niveau du serveur d'Astro, soit pré-rendu, soit à la demande, fournit des valeurs par défaut performantes que vous pouvez améliorer et étendre.

### Rapide par défaut

De bonnes performances sont toujours importantes, mais elles sont *spécialement* critiques pour les sites web axés sur le contenu. Il a été prouvé qu'une mauvaise performance vous fait perdre de l'engagement, des conversions et de l'argent. Par exemple :

- Chaque 100ms plus rapide → 1% de conversions en plus ([Mobify](https://web.dev/why-speed-matters/), gagnant +$380,000/an)
- 50% plus rapide → 12% de ventes en plus ([AutoAnything](https://www.digitalcommerce360.com/2010/08/19/web-accelerator-revs-conversion-and-sales-autoanything/))
- 20 % plus rapide → 10 % de conversions en plus ([Furniture Village](https://www.thinkwithgoogle.com/intl/en-gb/marketing-strategies/app-and-mobile/furniture-village-and-greenlight-slash-page-load-times-boosting-user-experience/))
- 40% plus rapide → 15% d'inscriptions en plus ([Pinterest](https://medium.com/pinterest-engineering/driving-user-growth-with-performance-improvements-cfc50dafadd7))
- 850ms plus rapide → 7% de conversions en plus ([COOK](https://web.dev/why-speed-matters/))
- Chaque seconde de ralentissement → 10 % d'utilisateurs en moins ([BBC](https://www.creativebloq.com/features/how-the-bbc-builds-websites-that-scale))

Dans de nombreux frameworks web, il est facile de créer un site web qui semble parfait pendant le développement, mais dont le chargement est terriblement lent une fois déployé. JavaScript est souvent le coupable, car les téléphones des utilisateurs et les appareils moins puissants atteignent rarement la vitesse de l'ordinateur portable d'un développeur.

La magie d'Astro réside dans la façon dont il combine les deux valeurs expliquées ci-dessus — l'accent mis sur le contenu avec une architecture priorisant le serveur — pour faire des compromis et offrir des fonctionnalités que d'autres frameworks ne peuvent pas offrir. Le résultat est une performance web étonnante pour tous les sites web, dès la sortie de la boîte. Notre objectif : **Il devrait être presque impossible de construire un site web lent avec Astro**.

Un site web Astro peut [se charger 40 % plus vite avec 90 % de JavaScript en moins](https://twitter.com/t3dotgg/status/1437195415439360003) que le même site construit avec le framework web React le plus populaire. Mais ne nous croyez pas sur parole : regardez les performances d'Astro qui laissent Ryan Carniato (créateur de Solid.js et Marko) [sans voix](https://youtu.be/2ZEMb_H-LYE?t=8163).


### Facile à utiliser

**L'objectif d'Astro est d'être accessible à tous les développeurs web**. Astro a été conçu pour être familier et accessible, quel que soit le niveau de compétence ou l'expérience passée en matière de développement web.

Le langage d'interface utilisateur `.astro` est un sur-ensemble du HTML : tout code HTML valide correspond à une syntaxe de modèle Astro valide ! Ainsi, si vous savez écrire du HTML, vous pouvez écrire des composants Astro ! Il combine également certaines de nos fonctionnalités préférées, empruntées à d'autres langages de composants, comme les expressions JSX (React) et la portée limitée du CSS par défaut (Svelte et Vue). Cette proximité avec le HTML facilite également l'utilisation de l'amélioration progressive et des modèles d'accessibilité courants, sans surcharge.

Nous avons également veillé à ce que vous puissiez utiliser vos langages de composants d'interface utilisateur préférés, et même réutiliser des composants que vous possédez déjà. React, Preact, Svelte, Vue, Solid et d'autres, y compris les composants web, sont tous pris en charge pour la création de composants d'interface utilisateur dans un projet Astro.

Astro a été conçu pour être moins complexe que les autres frameworks et langages d'interface utilisateur. L'une des principales raisons est qu'Astro a été conçu pour être rendu sur le serveur, et non dans le navigateur. Ainsi, vous n'avez pas à vous soucier des hooks (React), des fermetures obsolètes (React également), des références (Vue), des observables (Svelte), des atomes, des sélecteurs, des réactions ou des dérivations. L'absence de réactivité sur le serveur élimine toute cette complexité.

L'un de nos dictons préférés est le suivant : **consentez à l'ajout de complexité**. Nous avons conçu Astro pour éliminer autant que possible la « complexité requise » de l'expérience du développeur, en particulier lors de la première prise en main. Vous pouvez créer un exemple de site web « Hello World » dans Astro avec seulement du HTML et du CSS. Ensuite, lorsque vous aurez besoin de construire quelque chose de plus puissant, vous pourrez accéder progressivement à de nouvelles fonctionnalités et API.

### Centré sur les développeurs

Nous croyons fermement qu'Astro n'est un projet réussi que si les gens aiment l'utiliser. Astro contient tout ce dont vous avez besoin pour vous aider à créer avec Astro.

Astro investit dans des outils de développement tels qu'une excellente expérience CLI dès l'ouverture de votre terminal, une extension VS Code officielle pour la coloration syntaxique, TypeScript et Intellisense, ainsi qu'une documentation activement maintenue par des centaines de contributeurs de la communauté et disponible en 14 langues.

Notre communauté accueillante, respectueuse et inclusive sur Discord est prête à apporter son soutien, sa motivation et ses encouragements. Ouvrez un fil de discussion dans `#support` pour obtenir de l'aide sur votre projet. Visitez notre canal dédié `#showcase` pour partager vos sites Astro, vos articles de blog, vos vidéos et même vos travaux en cours pour obtenir des commentaires sûrs et des critiques constructives. Participez à des événements en direct réguliers et notamment à nos appels communautaires hebdomadaires pour discuter de la documentation (« Talking and Doc'ing ») ou de l'API et des bugs (« API/bug bashes »).

En tant que projet open-source, nous accueillons des contributions de tous types et de toutes tailles de la part des membres de la communauté, quel que soit leur niveau d'expérience. Vous êtes invités à participer aux discussions sur la feuille de route pour façonner l'avenir d'Astro, et nous espérons que vous contribuerez aux corrections et aux fonctionnalités de la base de code, du compilateur, de la documentation, des outils linguistiques, des sites web et d'autres projets.
